<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="rem" content="design-width=720" />
    <meta name="apple-touch-fullscreen" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="full-screen" content="yes" />
    <meta name="x5-fullscreen" content="true" />
    <meta name="360-fullscreen" content="true" />
    <title>涨停个股详情</title>

    <script src="//s.thsi.cn/js/m/common/zepto.js"></script>
    <script src="//s.thsi.cn/js/m/vue/2.6.11.min.js"></script>
    <script src="//s.thsi.cn/cd/ths-frontend-common-lib-container/v1.3.12/business/thsIphoneXAdapter.js"></script>
    <script src="//s.thsi.cn/cb?js/m/common/;user.js;basic.js;js/m/v2/common/;bridge.js;js/m/v2.1/common/;rem.js;js/m/v2/business/;stat.js"></script>
    <script type="text/javascript" src="//s.thsi.cn/hxapp/m/base/js/skywalking.1.1.5.min.js"></script>
    <!-- build:css styles/stockLimitDetail.css -->
    <link type="text/css" rel="stylesheet" href="./styles/reset.css" />
    <link type="text/less" rel="stylesheet" href="./styles/stockLimitDetail.less" />
    <link type="text/less" rel="stylesheet" href="./styles/baseToolTip.less" />
    <link type="text/less" rel="stylesheet" href="./styles/common.less" />
    <!-- endbuild -->
    <!-- build:remove -->
    <script type="text/javascript" src="//s.thsi.cn/js/m/business/less.js"></script>
    <!-- endbuild -->
</head>

<body>
    <div id="vuewrap" v-cloak>
        <section class="limitStockDetail">
            <h4 class="clearfix"><span>{{detailTime}}涨停个股详情列表</span><span>共<i class="red">{{poolArr.length}}</i>只</span></h4>
            <!-- 列表 -->
            <div class="empty" v-if="poolArrEmpty">
                <img src="./images/icon-empty.png" alt="">
                <p>该板块暂无股票数据</p>
            </div>
            <div class="list clearfix" v-if="!poolArrEmpty">
                <!-- 右边的小三角 -->
                <div class="smallTriangle"></div>
                <!-- 左边名称代码 -->
                <div class="list-l">
                    <div class="titleWrap">
                        <ul class="title">
                            <li>
                                <span :class="{'adjustdot03':androidApp}">股票名称</span>
                            </li>
                        </ul>
                    </div>
                    <div class="stockWrap">
                        <ul class="stock" v-for="(item,index) in poolArr" @click="jumpFenshi(item,index)">
                            <li>
                                <span class="name">{{item.stockname || "--"}}</span>
                                <span class="code">{{item.stockcode || "--"}}</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 右边信息详情 -->
                <div class="list-r">
                    <div class="titleWrap">
                        <ul class="title">
                            <li v-for="(item,index) in sortName" class="rel clearfix" :class="{'rel-6':index==1 || index==6,'rel-s1':index==0}"
                                @click="sort(index,item.sort,defaultSort.arr,'sortDirection','number')">
                                <div class="triangle">
                                    <span class="up" :class="{'active': sortDirection[index]=='up'}"></span>
                                    <span class="down" :class="{'active': sortDirection[index]=='down'}"></span>
                                </div>
                                <span :class="{'adjustdot03':androidApp}">{{item.name}}</span>
                            </li>
                        </ul>
                    </div>
                    <div class="stockWrap">
                        <ul class="stock" v-for="(item,index) in poolArr" @click="jumpFenshi(item,index)">
                            <li class="hq rel-s1 dot3">{{item.lbzs | textFilter}}</li>
                            <li class="hq rel-6 dot3">{{parseFloat(item.ztgl) | textFilter('%')}}</li>
                            <li class="dot3">{{item.ztyy}}</li>
                            <li class="hq dot3" :class="{'red':parseFloat(item.upRise)>0,'green':parseFloat(item.upRise)<0}">
                                <i v-if="parseFloat(item.upRise)>0">+</i>{{parseFloat(item.upRise).toFixed(2) | textFilter('%')}}
                            </li>
                            <li class="hq dot3" :class="{'red':parseFloat(item.upRise)>0,'green':parseFloat(item.upRise)<0}">
                                {{parseFloat(item.price).toFixed(2) | textFilter}}</li>
                            <li>{{parseFloat(item.hsl) | textFilter('%')}}</li>
                            <li class="rel-6 dot3 fontsize28">{{item.jlr==limitJlr?"--":(item.jlr/wan).toFixed(2)+"万"}}</li>
                            <li class="dot3">{{(parseFloat(item.cje)/yi).toFixed(2) | textFilter('亿')}}</li>
                            <li class="dot3 fontsize28">{{(parseFloat(item.cjl)/wan).toFixed(2) | textFilter('万')}}</li>
                            <li class="dot3">{{(parseFloat(item.ltsz)/yi).toFixed(2) | textFilter('亿')}}</li>
                            <li class="dot3">{{(parseFloat(item.zsz)/yi).toFixed(2) | textFilter('亿')}}</li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>
        <basetooltip></basetooltip>
    </div>
    <!-- build:js scripts/stockLimitDetail.js -->
    <script src="./scripts/config.js"></script>
    <script src="./scripts/stat.js"></script>
    <script src="./scripts/utils.js"></script>
    <script src="./scripts/BaseToolTip.js"></script>
    <script src="./scripts/SkyWalking.js"></script>
    <script src="./scripts/stockLimitDetail.js"></script>
    <!-- endbuild -->
</body>

</html>